<template>
  <el-row>
    <el-col :span="5"> </el-col>
    <el-col :span="3">
      <div class="barName">bookbar</div>
      <div class=".navbar-brand">
          contributed by xx
          <br>
          Jin Lin University
      </div>
    </el-col>
    <el-col :span="5">
        <br>
        Phone:xxx
        <br>
        Email:xxx
        <br>
        Web:xxx
    </el-col>
    <el-col :span="3">
      <div class="contributors">
        <el-avatar
          src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        ></el-avatar>
        <span class="contributor">name</span>
      </div>
      <div class="contributors">
        <el-avatar
          src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        ></el-avatar>
        <span class="contributor">name</span>
      </div>
      <div class="contributors">
        <el-avatar
          src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        ></el-avatar>
        <span class="contributor">name</span>
      </div>
    </el-col>
    <el-col :span="3">
      <div class="contributors">
        <el-avatar
          src="https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"
        ></el-avatar>
        <span class="contributor">name</span>
      </div>
      <div class="contributors">
        <el-avatar src="https://hhhhlkf.github.io/img/nzk.jpg"></el-avatar>
        <span class="contributor">name</span>
      </div>
    </el-col>
    <el-col :span="5"> </el-col>
  </el-row>
</template>

<script>
export default {
  components: {},
};
</script>

<style scoped>
.navbar-brand {
  color: #000;
  padding: 20px;
  line-height: 20px;
  font-weight: 800;
  height: 56px;
  background-color: transparent;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    
    
}
.contributor {
  text-align: center;
  margin-top: -30px;
  display: block;
  margin-left: 90px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: 14px;
}
.contributors {
  height: 45px;
}
.barName {
  margin-bottom: 10px;
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
     color: #000;
  font-weight: 800;
  background-color: transparent;
  
}
</style>